<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>OUR | Mailbox</title>

    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="font-awesome/css/font-awesome.css" rel="stylesheet">
    <link href="css/plugins/iCheck/custom.css" rel="stylesheet">
    <link href="css/animate.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">

</head>

<body >

<div >

    <div   class="gray-bg">
        <div class="row border-bottom">
        <nav class="navbar navbar-static-top white-bg" role="navigation" style="margin-bottom: 0">
        <div class="navbar-header">
            <span class="navbar-minimalize minimalize-styl-2 btn btn-primary" style=" margin-left:38px" >our邮箱 </span>
         </div>	
		
            <ul class="nav navbar-top-links navbar-right">
              <li> <span class="m-r-sm text-muted welcome-message" style="font-size: 28px;font-family:jokerman;color: #8FB586"><strong>hello,welcome to our emailbox!</strong>&nbsp;&nbsp;&nbsp;<%=username%>@arman.com</span> </li>
              <li>
                    <a href="index.jsp">
                        <i></i> 退出	
                    </a>
                </li>
            </ul>

        </nav>
        </div>

        <div class="wrapper wrapper-content">
        <div class="row">
            <div class="col-lg-3">
                <div class="ibox float-e-margins">
                    <div class="ibox-content mailbox-content">
                        <div class="file-manager">
                          
                            
                          
                            <ul class="folder-list m-b-md" style="padding: 0">
                                <li><a href="mailbox.jsp?username=<%=username%>&password=<%=password%>"  style="font-size:17px;"> <i ></i>收件箱 </a></li>
                                  <li><a href="mailbox.html"  style="font-size: 17px; "> <i></i>发件箱</a></li>
                                <li><a href="mailbox.html" style="font-size: 17px; "> <i ></i>星标邮箱</a></li>
                                <li><a href="mailbox.html" style="font-size: 17px; "> <i></i>草稿箱</a></li>
                                <li><a href="mailbox.html" style="font-size: 17px; "> <i></i>垃圾箱</a></li>
                            <div class="space-25"></div>
							  <li><a  href="mail_send.html" style="font-size: 20px; font-family:jokerman"><i></i><strong>Write Letter</strong></a></li>
                          </ul>
                            <div class="clearfix"></div>
                            <div class="space-25"></div>
                             <img src="img/p4.jpg" width="270" height="230" alt=""/>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-9 animated fadeInRight">
            <div class="mail-box-header">

                 
                <h2>
                    收件箱 
                </h2>
                <div class="mail-tools tooltip-demo m-t-md">
                    <div class="btn-group pull-right">
                        <button class="btn btn-white btn-sm"><i class="fa fa-arrow-left"></i></button>
                        <button class="btn btn-white btn-sm"><i class="fa fa-arrow-right"></i></button>

                    </div>
                   
                    <button class="btn btn-white btn-sm" data-toggle="tooltip" data-placement="top" title="Mark as read">标位已读</button>
                    <button class="btn btn-white btn-sm" data-toggle="tooltip" data-placement="top" title="Mark as important">记为星标 </button>
                    <button class="btn btn-white btn-sm" data-toggle="tooltip" data-placement="top" title="Move to trash">删除 </button>
                     <button class="btn btn-white btn-sm" data-toggle="tooltip" data-placement="left" title="Refresh inbox"><i class="fa fa-refresh"></i> 刷新</button>

                </div>
            </div>
                <div class="mail-box">

                <table class="table table-hover table-mail">
                <tbody>
               
                
                </tbody>
                </table>


                </div>
            </div>
        </div>
        </div>
       

        </div>
        </div>

    <!-- Mainly scripts -->
    <script src="js/jquery-2.1.1.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/plugins/metisMenu/jquery.metisMenu.js"></script>
    <script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>

    <!-- Custom and plugin javascript -->
    <script src="js/inspinia.js"></script>
    <script src="js/plugins/pace/pace.min.js"></script>

    <!-- iCheck -->
    <script src="js/plugins/iCheck/icheck.min.js"></script>
    <script>
        $(document).ready(function(){
            $('.i-checks').iCheck({
                checkboxClass: 'icheckbox_square-green',
                radioClass: 'iradio_square-green',
            });
        });
    </script>
	 
</body>
<div  >
            
            <div style=" text-align:center">
                <strong></strong> our电子邮箱@软件1401班
            </div>
        </div>

</html>
